<ion-header>

  <ion-navbar>
    <ion-buttons class="w12 flex_box" end>
      <span class="w12">
        <input class="w12 height30 border_0 radius3  pl5 pr5" placeholder="客户姓名/电话/地址/单号/业务单号" (input)="searchText=$event.target.value"/>
      </span>
      <button ion-button (click)="search()">
        <span class="font_size_large">搜索</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content>

  <div class="w12">
    <ion-item class="mt15" (click)="openYYSJCalendar()">
      <ion-label>
        <span class="w03">预约时间</span>
        <span class="w08 tr font_gray" *ngIf="YYSJ.from">{{YYSJ.from}}~{{YYSJ.to}}</span>
        <i class="fa fr fa-angle-right"></i>
      </ion-label>
    </ion-item>

    <div class="sx_item mt15" *ngIf="DJLY">
      <ion-item (click)="DJLYisClicked = !DJLYisClicked">
        <ion-label>单据来源
          <i *ngIf="!DJLYisClicked" class="fa fr fa-angle-down"></i>
          <i *ngIf="DJLYisClicked" class="fa fr fa-angle-up"></i>
        </ion-label>
      </ion-item>
      <ul *ngIf="!DJLYisClicked">
        <li *ngFor="let djly of DJLY" (click)="djly.isSelected = !djly.isSelected">
          <span [class.selected]="djly.isSelected">
            {{djly.VALUE}}
          </span>
        </li>
      </ul>
    </div>

    <div class="sx_item mt15" *ngIf="DJLX">
      <ion-item (click)="DJLXisClicked = !DJLXisClicked">
        <ion-label>单据类型
          <i *ngIf="!DJLXisClicked" class="fa fr fa-angle-down"></i>
          <i *ngIf="DJLXisClicked" class="fa fr fa-angle-up"></i>
        </ion-label>
      </ion-item>
      <ul *ngIf="!DJLXisClicked">
        <li *ngFor="let djlx of DJLX" (click)="djlx.isSelected = !djlx.isSelected">
          <span [class.selected]="djlx.isSelected">
            {{djlx.VALUE}}
          </span>
        </li>
      </ul>
    </div>

    <div class="sx_item mt15" *ngIf="DDZT">
      <ion-item (click)="DDZTisClicked = !DDZTisClicked">
        <ion-label>订单状态
          <i *ngIf="!DDZTisClicked" class="fa fr fa-angle-down"></i>
          <i *ngIf="DDZTisClicked" class="fa fr fa-angle-up"></i>
        </ion-label>
      </ion-item>
      <ul *ngIf="!DDZTisClicked">
        <li *ngFor="let ddzt of DDZT" (click)="ddzt.isSelected = !ddzt.isSelected">
          <span [class.selected]="ddzt.isSelected">
            {{ddzt.VALUE}}
          </span>
        </li>
      </ul>
    </div>
  </div>
</ion-content>
